<!-- 按钮 -->

<template>
  <EasyRow>
    <div class="auto">
      <BtnText title="文本" />
      <BtnText title="文本" red />
    </div>

    <div class="auto">
      <BtnDefault title="默认" @click="CORE.MSG.msg('默认')" />
      <BtnPrimary title="主要" @click="CORE.MSG.msg('主要')" />
      <BtnSuccess title="成功" @click="CORE.MSG.success('成功')" />
      <BtnInfo title="信息" @click="CORE.MSG.info('信息')" />
      <BtnWarning title="警告" @click="CORE.MSG.warning('警告')" />
      <BtnDanger title="危险" @click="CORE.MSG.error('危险')" />
    </div>

    <div class="auto">
      <BtnDefault title="默认" plain @click="CORE.ALERT.alert('默认')" />
      <BtnPrimary title="主要" plain @click="CORE.ALERT.alert('主要')" />
      <BtnSuccess title="成功" plain @click="CORE.ALERT.success('成功')" />
      <BtnInfo title="信息" plain @click="CORE.ALERT.info('信息')" />
      <BtnWarning title="警告" plain @click="CORE.ALERT.warning('警告')" />
      <BtnDanger title="危险" plain @click="CORE.ALERT.error('危险')" />
    </div>
  </EasyRow>
</template>

<script>
// ============================== 导入依赖 ============================== //

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyButton',
}
</script>
